<template>
    <div class="header">
        <div class="shopName" :id="shopInfo.id">
            <div class="shleft" style="display:flex;">
                <img :src="shopInfo.logo" class="headerImg">
                <ul class="left">
                    <li class="test">{{shopInfo.name}}</li>
                    <li class="ing">已砍<span>{{shopInfo.sells}}</span>件</li>
                </ul>
            </div>

            <div class="shright" style="display:flex;"> 
                <ul class="kef" @click="gozhichi">
                        <li><img src="https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/customer_servicea.png"></li>
                        <li class="talk">客服</li>
                </ul>
                <ul :class="shopInfo.isCollection==2?'like':'change'" @click="changes">
                    <li><img :src="shopInfo.isCollection==2 ? 'https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/business/nocollection_details.png' : 'https://khh-server.oss-cn-beijing.aliyuncs.com/resourse/IMG/static/collection_details.png'"></li>
                    <li>{{shopInfo.isCollection==2 ?'收藏':'已收藏'}}</li>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>
    export default{
        data(){
            return{

            }
        },
        props:{
            shopInfo:{}
        },
        methods:{
            changes(){
                this.$parent.collection()
            },
            gozhichi(){
                window.location.href='https://www.sobot.com/chat/h5/index.html?sysNum=8aa3c6e204e843ce93d80c7b9208d4e6'
            }
        }
    }
</script>

<style>
    
</style>